body{
width: 1310px;
margin: auto;
color: #8bc265;

background: #8bc265;
background: linear-gradient(top, #8bc265 30%, seagreen 90%);
background: -moz-linear-gradient(top, #8bc265 30%, seagreen 90%);
background: -webkit-linear-gradient(top, #8bc265 30%, seagreen 90%);
}
header{

background-color: white;
left: 35px;
top: 0px;
width: 1300px;
height: 300px;
border: 3px;
border-color: seagreen;
font: bold 13px Verdana;
z-index: 2;
border-radius: 14px;
border-bottom-style: solid;
}

 
header div div 
{ 
display: inline-block;
vertical-align: middle;
color: seagreen;
}

h1
{ 
font: 60pt "Showcard Gothic";
text-align: right;
}

div.login{
border: 1px;
text-align: right;
height: 50px;
opacity: 0.8;
color: white;
background: url('../images/back.jpg') repeat-x ;
}

div.logo{

border-radius: 8px;
}


nav.menu {
display: inline-block;
width: 1250px;
text-align: right;
}

nav.menu ul{
list-style-type:none;
}

nav.menu ul li{
display: inline-block;
margin-right: 25px;
}

nav.menu a{
text-decoration: none;
padding-bottom: 2px;
font-size: 1em;
color: white;
width: 187px;
}

div.content_1{

height: 600px;

width: 1000px;

margin: auto;

border: 0px;

border-radius: 0px;

border-color: white;

border-left-style: solid;

border-right-style: solid;

overflow: auto;

background: url('../images/back.jpg') repeat-x ;

opacity: 0.9;
}



div.content_2{

height: 1100px;

width: 1100px;

margin: auto;

border: 0px;

border-radius: 0px;

border-color: white;

border-left-style: solid;

border-right-style: solid;

overflow: hidden;

background: url('../images/back.jpg');

opacity: 0.9;
}


#form{

		position: absolute;
		top: 420px;
		margin-left: 11.5%;
		border-radius: 20px;
		height: 260px;
		width: 620px;
		padding: 10px;
		color: white;
		font-size: 15pt;
		font-family: 'Showcard Gothic';
		background: linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -moz-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -webkit-linear-gradient(top, #8bc265 40%, seagreen 100%);

}



#form_2{
		margin: auto;
		border: 0px solid;
		border-radius: 20px;
		height: 1200px;
		width: 1000px;
		padding: 10px;
		color: white;
		font-size: 15pt;
		font-family: 'Showcard Gothic';
		background: linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -moz-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -webkit-linear-gradient(top, #8bc265 40%, seagreen 100%);
		overflow: hidden;


}

.input{

	width: 300px;
}

.login_forager{

		background: linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -moz-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -webkit-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: seagreen;
		width: 160px;
		border-right: 0px solid;
		border-left: 0px solid;
		border-radius: 20px;
		border-color: darkgreen;
		font-size: 15pt;
		font-family: 'Showcard Gothic';
		height: 70px;
		color: white;
		text-align: center;
				

}


#start_stop{

		background: linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -moz-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -webkit-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: seagreen;
		width: 160px;
		border-right: 0px solid;
		border-left: 0px solid;
		border-radius: 20px;
		border-color: darkgreen;
		font-size: 15pt;
		font-family: 'Showcard Gothic';
		height: 70px;
		color: white;
		text-align: center;
		margin: auto;
}


#stop_start,#archive{

		background: linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -moz-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: -webkit-linear-gradient(top, #8bc265 40%, seagreen 100%);
		background: seagreen;
		width: 160px;
		border-right: 0px solid;
		border-left: 0px solid;
		border-radius: 20px;
		border-color: darkgreen;
		font-size: 15pt;
		font-family: 'Showcard Gothic';
		height: 70px;
		color: white;
		text-align: center;
		margin: auto;
				

}


#stop{

		
		background: tomato;
		width: 160px;
		border-right: 0px solid;
		border-left: 0px solid;
		border-radius: 20px;
		border-color: darkgreen;
		font-size: 15pt;
		font-family: 'Showcard Gothic';
		height: 70px;
		color: white;
		text-align: center;
		margin: auto;

}


.login_forager:hover{
        background: linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: -moz-linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: -webkit-linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: seagreen;
}


#start_stop:hover {
        background: linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: -moz-linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: -webkit-linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: seagreen;
}


#stop_start:hover {
        background: linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: -moz-linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: -webkit-linear-gradient(top, seagreen 10%, #8bc265 150%);
		background: seagreen;
}

#display{

		background: white;
		margin: auto;
		width: 95%;
		height: 65%;
		color: black;
		font-family: 'Times New Roman';
		overflow: hidden;
}

#displayStatus{
	
		overflow: auto;
		height: 15%;
		width: 100%;
		padding-left: 5%;
		text-align: left;
		color: white;
		font-family: 'Times New Roman';
		font-weight: bold;
		padding-top: 5%;
		font-size: 20pt;
}

.error{
	
	color: red;
	font-family: 'Verdana';
	font-size: 12pt;
	text-align: center;
	font-weight:bold;
	
}

table{
	
	cellspacing:5 ;
	cellpadding:12 ;
}

#template{
	

	border: 1px solid black;
	cellspacing: 0px;
	cellpadding: 0px;
	margin: auto;
	align: center;
	table-layout: fixed;
    width: 90%;
    margin-top: 5%;
    font-size: 13pt;
}


#template2{

	border: 1px solid black;
	cellspacing: 0px;
	cellpadding: 0px;
	margin: auto;
	align: center;
	table-layout: fixed;
    width: 100%;
    margin-top: 5%;
    font-size: 13pt;
}

#results{
	
	width: 98%;
	margin: auto;
	margin-top: 2px;
	height: 35%;
	overflow: auto;
	border-color: forestgreen;

	
}


#compare{
	
	width: 98%;
	margin: auto;
	height: 65%;
	margin-top: 5px;
	
	
}


#scan1{
	
	width: 48.5%;
	height: 98%;
	overflow: auto;
	margin-top: 3px;
	display: inline-block;
	margin-left:2px;
	background-color: white;
	border: 1px solid black;
	
}


#scan2{
	
	width: 48%;
	height: 98%;
	overflow: auto;
	margin-top: 3px;
	display:inline-block;
	margin-left: 2%;
	background-color: white;
	border: 1px solid black;

}


#buttons{
	
	border: 0px;
	margin: auto;
}

.cell{
	
	border: 1px solid black;
    width: 200px;
    text-align: center;
    overflow: hidden;
}


.cell2{
	
	border: 1px solid black;
    width: 110px;
    text-align: center;
    overflow: hidden;
}


.cell3{
	
	border: 1px solid black;
    text-align: left;
    overflow: hidden;
    font-size: 13pt;
    width: 200px;
   
}

#option1,option2{
	
	margin: 5px;
	
}
